import { forwardRef } from "react";

interface Props extends React.HTMLAttributes<HTMLDivElement> {

}

const MobileNavItem = forwardRef<HTMLDivElement, React.PropsWithChildren<Props>>(({ children, className = '', ...props }, ref) => {
  return (
    <div ref={ref} className={`relative h-10 px-2 flex items-center cursor-pointer transition hover:bg-white/20 ${className}`} {...props}>{children}</div>
  );
})

MobileNavItem.displayName = 'MobileNavItem'

export default MobileNavItem